<style>
    .scrollDiv{
        overflow-y: auto;
        width:100%;
    }
    .currentStyle {
        background-color: #00c898;
    }

</style>
<div class="row">
    <div class="col-sm-12">
        <div  style="padding: 5px;background-color: #bdf3dc;display: block">
            <p style="font-size: 20px;text-align: center">{{ roomName }}</p>
        </div>
    </div>
    <div class="col-sm-12">
        <div  style="padding: 5px;background-color: #bdf3dc;display: block">
            <table>
                <tr>
                    <td>
                        <input id="startTime" type="date" value="{{ startTime }}" class="form-control" style="width: 140px;">
                    </td>
                    <td>
                        <label>&nbsp;&nbsp;~&nbsp;&nbsp;</label>
                    </td>
                    <td>
                        <input id="endTime" type="date" value="{{ endTime }}" class="form-control" style="width: 140px;">
                    </td>
                    <td>
                        <a class="btn btn-success btn-sm" id="btn_view" style="width: 80px;margin-left: 5px;">查询</a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="col-sm-12">
        <table class="table" style="margin-bottom: 0px;">
            <tr class="info">
                <th style="width: 20%">申请人</th>
                <th style="width: 20%">所属部门</th>
                <th style="width: 30%">开始时间</th>
                <th style="width: 30%">结束时间</th>
            </tr>
        </table>
        <div class="scrollDiv" style="height: 230px;">
            <table id="dataTable" class="table" style="width: 100%;">

            </table>
        </div>
    </div>
</div>